中文一区二区_九九精品在线播放_久久国产精品免费视频_国内精品在线观看视频

       1、培訓(xùn)過(guò)程中，如有部分內(nèi)容理解不透或消化不好，可免費(fèi)在以后培訓(xùn)班中重聽(tīng)；
       2、課程完成后,授課老師留給學(xué)員手機(jī)和Email,保障培訓(xùn)效果,免費(fèi)提供半年的技術(shù)支持。
       3、培訓(xùn)合格學(xué)員可享受免費(fèi)推薦就業(yè)機(jī)會(huì)。☆合格學(xué)員免費(fèi)頒發(fā)相關(guān)工程師等資格證書(shū)，提升職業(yè)資質(zhì)。專注高端技術(shù)培訓(xùn)15年，曙海學(xué)員的能力得到大家的認(rèn)同，受到用人單位的廣泛贊譽(yù)，曙海的證書(shū)受到廣泛認(rèn)可。

• 培訓(xùn)目標(biāo)：
  了解HTML5的規(guī)范整體
  了解標(biāo)簽語(yǔ)言
  了解如何使用表單
  HTML5音頻和視頻播放
  HTML5 APIs概述
  采用HTML5 Canvas而不是SVG動(dòng)態(tài)產(chǎn)生渲染圖形
  使用HTML5 通訊APIs
  HTML5 Web Sockets
  HTML5 Web Workers
  HTML5 Geolocation
  HTML5存儲(chǔ)
  CSS3.0控制原理與應(yīng)用
  JQuery Mobile
  培訓(xùn)內(nèi)容：
  HTML5 概述 HTML的發(fā)展史
  HTML5的版本
  WHATWG and W3C 規(guī)范
  HTML5的新特性
  HTML5能做什么
  HTML5能做什么對(duì)HTML5和CSS3的支持
  檢測(cè)瀏覽器對(duì)HTML 5的支持
  HTML5 標(biāo)簽語(yǔ)言
  HTML5頁(yè)面結(jié)構(gòu)
  HTML5 DOCTYPE
  根元素
  字符編碼
  HTML5新增的語(yǔ)義元素
  （1）<header>
  （2）<nav>
  （3）<article>
  （4）<footer>
  （5）<section>
  （6）<aside>
  其他新增的元素
  （1）<time>
  （2）<mark>
  （3）<figure>和<figcaption>
  （4）<progress>
  （5）<meter>
  （6）<details>和<summay>
  驗(yàn)證HTML5頁(yè)面及顯示頁(yè)面大綱
  驗(yàn)證HTML5頁(yè)面及顯示頁(yè)面大綱
  HTML5表單 HTML 4的困惑
  HTML 5新增的輸入組件
  （1）email 郵件輸入組件
  （2）url 網(wǎng)址輸入組件
  （3）number 數(shù)字輸入組件
  （4）range 范圍輸入組件
  （5）Date pickers (date, month, week, time, datetime, datetime-local) 日期系列輸入組件
  （6）search 搜索輸入組件
  （7）color 顏色輸入組件
  （8）tel 電話輸入組件
  HTML 5新增的輸入屬性
  （1） autocomplete
  （2） autofocus
  （3） form
  （4） form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)
  （5） height 和 width
  （6） list
  （7） min, max 和 step
  （8） multiple
  （9） pattern
  （10） placeholder
  （11） required
  測(cè)試瀏覽器對(duì)HTML5表單元素的支持
  HTML5的表單驗(yàn)證
  （1） 定制驗(yàn)證錯(cuò)誤消息
  （2） 定制驗(yàn)證顯示方式
  （3） 取消驗(yàn)證
  HTML5 音頻和視頻播放
  video元素及其屬性　
  視頻編解碼器　
  視頻轉(zhuǎn)換工具
  各種瀏覽器支持些什么格式　
  舊瀏覽器的過(guò)渡解決方案　
  視頻與腳本--簡(jiǎn)單的視頻播放器
  音頻　
  采用HTML5 Canvas繪制圖形
  <canvas>元素
  檢查瀏覽器的支持情況
  基本圖形繪制
  （1） 畫(huà)線
  （2） 矩形
  （3） 曲線
  路徑
  變換
  （1） 平移
  （2） 縮放
  （3） 旋轉(zhuǎn)
  漸變
  （1） 線性漸變
  （2） 徑向漸變
  繪制文本
  繪制圖像
  使用HTML5 通訊APIs
  跨文檔消息通信
  源安全
  檢測(cè)瀏覽器對(duì)postMessage的支持
  XMLHttpRequest Level2
  XMLHttpRequest Level2新增事件
  檢測(cè)瀏覽器對(duì)XMLHttpRequest2的支持
  跨域訪問(wèn)注意事項(xiàng)
  HTML5 Web Sockets HTTP特點(diǎn)
  如何實(shí)現(xiàn)實(shí)時(shí)（real-time）通訊
  WebSocket特性
  WebSocket與輪詢方式的比較
  Web Socket建立方法
  WebSocket 的事件
  WebSocket的屬性
  漸進(jìn)增強(qiáng)和降級(jí)處理
  HTML5 Web Workers Web Workers介紹
  Multi-core processor architecture
  Web Worker communication
  使用 Web Workers APIs
  案例應(yīng)用實(shí)踐，練習(xí)指導(dǎo)
  地理定位 地理定位介紹
  在瀏覽器中使用地理定位
  定位的技術(shù)背景
  openstreetmap上顯示當(dāng)前位置　
  使用googlemaps追蹤位置　
  案例應(yīng)用實(shí)踐，練習(xí)指導(dǎo)
  HTML5存儲(chǔ) 為什么需要本地存儲(chǔ)
  本地存儲(chǔ)的限制
  Web存儲(chǔ)的兩種類型
  判斷瀏覽器是否支持WebStorage
  存取信息
  storage事件
  Web SQL
  IndexedDB
  CSS3講解 CSS3概述
  半透明效果
  CSS3屬性選擇器
  邊框樣式
  （1） border-radius：圓角邊框
  （2） border-image：圖片邊框
  （3） box-shadow：為邊框添加陰影
  文本樣式
  （1） Text-shadow：文本陰影樣式
  （2） Text-overflow：文本溢出樣式
  背景色漸變
  （1） Linear-gradient：線性漸變函數(shù)
  （2） Radial-gradient：徑向漸變函數(shù)
  （3） 在線生成漸變效果
  元素變形
  （1） transform : rotate（旋轉(zhuǎn)變形）
  （2） transform：scale（縮放變形）
  （3） transform：translate（位移變形）
  （4） transform：skew（傾斜變形）
  效果過(guò)渡
  （1） transition-property ： 參與過(guò)渡效果的樣式
  （2） transition-duration： 過(guò)渡效果的持續(xù)時(shí)間
  （3） transition-delay： 產(chǎn)生過(guò)渡效果前的等待時(shí)間
  （4） transition-timing-function： 過(guò)渡效果控制
  jQuery Mobile jQuery Mobile設(shè)計(jì)的技術(shù)思考和商業(yè)思考
  jQuery Mobile入門(mén)初體驗(yàn)；
  使用頁(yè)眉、工具欄和標(biāo)簽欄；
  jQuery Mobile中的表單和按鈕；
  jQuery Mobile中的列表；
  jQuery Mobile和CSS結(jié)合；
  jQuery Mobile主題；
  jQuery Mobile的API;
  和服務(wù)器集成；
  jQuery Mobile和HTML5開(kāi)發(fā)框架PhoneGap結(jié)合